<ui:composition template="/modulos/index/template/default.xhtml"
	xmlns="http://www.w3.org/1999/xhtml"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets">

    <ui:define name="body" oncontextmenu="return false">
   	<h:form id="frmList" ajaxSubmit="false">
   		<p:growl id="msgSystem" showDetail="false" life="5000" escape="true"/> 
   		<p:toolbar>  
	    	<p:toolbarGroup align="left">  		
	    	<p:spacer height="6px"/>
		        <p:outputLabel for="txtIns" value="Institución" style="position:relative;  top:-4px;"/>
		   		<p:selectOneMenu id="txtIns" value="#{adminAmbiente.institucion}" style="position:relative;  top:3px; left:15px; width:300px">
					<f:selectItems value="#{adminAmbiente.institucionList}" var="lstIns" itemValue="#{lstIns.id}" itemLabel="#{lstIns.descripcion}"/>
					<p:ajax event="change" update=":frmList" listener="#{adminAmbiente.selectInstitucion}"/>
				</p:selectOneMenu>
				 <p:outputLabel for="txtLoc" value="Local" style="position:relative;  top:-4px; left:25px;" rendered="#{adminAmbiente.institucion ne -1}"/>
		        <p:spacer height="6px"/>
		        <p:selectOneMenu id="txtLoc" value="#{adminAmbiente.local}" style="position:relative;  top:3px; left:25px; width:150px" rendered="#{adminAmbiente.institucion ne -1}">
					<f:selectItems value="#{adminAmbiente.localList}" var="lstLoc" itemValue="#{lstLoc.id}" itemLabel="#{lstLoc.descripcion}"/>
					<p:ajax event="change" update=":frmList" listener="#{adminAmbiente.selectLocal}"/>
				</p:selectOneMenu>
				<p:spacer height="6px"/>
				<p:commandButton title="Nuevo" value="Nuevo" icon="icn_bar_new" actionListener="#{adminAmbiente.optionNew}" ajax="false" rendered="#{adminAmbiente.institucion ne -1}" style="position:relative;  top:-4px; left:30px;"/>	  
			</p:toolbarGroup>  
  		</p:toolbar>
  		<p:spacer height="4px"/>
   		
						
   		<p:dataTable id="itemList" var="item" value="#{adminAmbiente.beanList}" 
   			emptyMessage="#{constante.LIST_EMPTY}" resizableColumns="true"  
   			paginator="true" rows="#{constante.LIST_SIZE}"  paginatorPosition="bottom" 
        	 paginatorTemplate="{CurrentPageReport}  {FirstPageLink} {PreviousPageLink} {PageLinks} {NextPageLink} {LastPageLink} ">
     		
     		<f:facet name="header">
				<h:outputText value="Lista de Ambientes (#{adminAmbiente.defaultListSize})" />  
			</f:facet>
	
			<p:column headerText="Tipo" style="width:10%; align:center;" sortBy="#{item.tipo}">   
				<h:outputText value="Aula" 			rendered="#{item.tipo eq 1}"/>
				<h:outputText value="Laboratorio"	rendered="#{item.tipo eq 2}"/>
				<h:outputText value="Taller" 		rendered="#{item.tipo eq 3}"/>
				<h:outputText value="Granja" 		rendered="#{item.tipo eq 4}"/>   
			</p:column>	
			
			<p:column headerText="Código" style="width:5%; align:center;" sortBy="#{item.codigo}">   
				<h:outputText value="#{item.codigo}" />  
			</p:column>	
			
			<p:column headerText="Nombre" style="width:20%; align:center;" sortBy="#{item.nombre}">   
				<h:outputText value="#{item.nombre}" />  
			</p:column>	
			
			<p:column headerText="Area (m2)" style="width:10%; align:center;" sortBy="#{item.area}">       
				<h:outputText value="#{item.area}" />  
			</p:column>
			
			<p:column headerText="Capacidad Autorizada" style="width:10%; align:center;" sortBy="#{item.capacidadAutorizada}">       
				<h:outputText value="#{item.capacidadAutorizada}" />  
			</p:column>
			
			<p:column headerText="Capacidad Instalada" style="width:10%; align:center;" sortBy="#{item.capacidad}">       
				<h:outputText value="#{item.capacidad}" />  
			</p:column>
			
			<p:column headerText="Mínimo" style="width:10%; align:center;" sortBy="#{item.minimo}">       
				<h:outputText value="#{item.minimo}" />  
			</p:column>     
			
			<p:column headerText="Operaciones" style="width:13%">  
				<p:commandButton icon="icn_item_update" 	title="Actualizar" 	   action="#{adminAmbiente.nativeLoad}" ajax="false">
					<f:setPropertyActionListener value="#{item}" target="#{adminAmbiente.beanSelected}" />
				</p:commandButton>				
                <p:commandButton icon="icn_item_remove" 	title="Eliminar" 		oncomplete="dialogUsrDel.show()">
					<f:setPropertyActionListener value="#{item}" target="#{adminAmbiente.beanSelected}" />				
				</p:commandButton> 
        	</p:column>      	        
		</p:dataTable> 
	</h:form>
		
		<!-- Eliminar Institutos/Cetpro -->
		<p:confirmDialog widgetVar="dialogUsrDel" width="350" appendToBody="true"
			header="Mensaje de Confirmacion" message="¿Estas seguro de eliminar el ambiente?" style="font-size:13px;"
        	closable="true" severity="alert" closeOnEscape="true">
        	<h:form>	
			<h:panelGroup style="text-align: right;" >
				<p:commandButton value="Si" id="deleteButton" oncomplete="dialogUsrDel.hide()"  actionListener="#{adminAmbiente.nativeRemove}"  update=":frmList"/>
        		<p:commandButton value="No" id="cancelButton" onclick="dialogUsrDel.hide()"/>   
			</h:panelGroup>
			</h:form>	
   		</p:confirmDialog>
    </ui:define>
</ui:composition>